<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/@@CONTEXT_PATHdist/css/bootstrap.css"/>
  <title>数字效果</title>
  <style type="text/css">
  
  html,body,.body {
  height: 100%;
  }
  
  .body .bc {
  text-align: center;
  margin: 200px auto;
  width: 300px;
  font-size: 40px;
  }
  
  .stats {
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 0 auto;
	background-color: #000;
	color: #fff;
  }
  
  .stats li  {
	display: inline-block;
	font-size: 40px;
	padding: 20px;
	width: 200px;
	text-align: center;
  }
  
  .stats li  + li {
  border-left: 1px solid #ccc;
  }
	
  </style>
</head>
<body>
<div class="body">
<div class="bc">往下滚动</div>
</div>
<ul class="stats">
	<li data-ride="numberGrow" data-value="3478" data-time="2">0</li>
	<li data-ride="numberGrow" data-value="22767" data-time="2">0</li>
	<li data-ride="numberGrow" data-value="782349" data-time="2">0</li>
	<li data-ride="numberGrow" data-value="6970274" data-time="2">0</li>
	<li data-ride="numberGrow" data-value="97712345" data-time="2">0</li>
</ul>
<script src="/@@CONTEXT_PATHdist/js/lib/sea.js"></script>
<script src="/@@CONTEXT_PATHdist/js/common.js"></script>
<script>
  seajs.use('/@@CONTEXT_PATHdist/js/app/demo.js');
</script>
</body>
</html>